<template>
	<div>
		<img class="img" src="../../static/image/questions/ZLdetails.png" alt="" />
		<div class="content-box">
			<div class="heng"></div>
			<div class="content">
				<div class="title-box">
					<p class="title">专属小锅</p>
					<p class="text">教你如何烹饪</p>
					<img class="title-img" src="../../static/image/1/laotou.png" alt="" />
				</div>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[总之就是方便]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">
					不怎么做菜的人，总觉得做菜“好麻烦”“太复杂’的单身的人，丁克家庭，还有想吃好吃的、做好吃的，却没有那么多烹饪工具的人,不想做太复杂菜品的人等，小锅能为这些朋友的生活提供有力支援!</p>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[总之就是简单]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">平底锅因便利而备受青睐，其实小锅在便利程度上也不相上下。小锅的优点是能快速开始烹调。且因为容量有限，无法加入大量食材,所以小锅食谱自然而然都是简简单单的。</p>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[凸显食材原味]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">
					在小锅内放入食材后，能用较少的水和调料高效完成烧、焖、蒸、煮等。通过最大限度地利用少量汤汁和食材本身含有的水分，充分浓缩食材的鲜味。用小锅烹调可以品尝到食材本身的味道。加热汤汁和食材时，因用量有限，所以短时间即可完成加热。不用大量的油进行烹调，美味又健康。
				</p>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[可以直接端上桌]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">小锅的另外一大魅力就是可以直接端上桌!平时还能直放在厨房灶头，真是太方便了。用了小锅，就能摆脱一大早拿出大锅或平底锅来烹调的压力和麻烦。三餐都选择小锅食谱也未尝不可哦。</p>
			</div>
			<div class="Various-POTS">
				<img class="image" src="../../static/image/3/laotou2.png" alt="" />
			</div>
			<div class="Various-POTS">
				<img class="image" src="../../static/image/3/laotou3.png" alt="" />
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[炖煮]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">
					小锅最常用来炖煮。加入食材,倒入汤底，慢慢加热汤汁多的是小火锅，汤汁少就成了炖菜。小火锅和炖菜的制作都少不了慢慢释放食材的鲜味物质以提鲜入味的过程。选择耐高温的土锅，能让菜品的选择范围更大小火锅也不仅限于晚餐，将现有的食材组合炖煮制作早餐或午餐也不在话下。
				</p>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[炊煮]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">小锅还能炊煮，用来炊饭更是一绝。用电饭锅当然方便，不过如果学会了小锅炊饭，就能大大增加菜品的种类。</p>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[焖烧]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">小锅保温性好,锅盖分量重,有一定的加压效果,很适合利用食材本身的水分进行焖烧。相较微波炉，小锅焖烧有些耗时，不过通过充分的加热，小锅焖出的食材口感更嫩滑鲜美。</p>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[快煮]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">
					煮1~2人份的意大利面可以用小锅。汤汁与意大利一起煮，能煮出浓稠的酱汁。在你觉得“面还偏硬”时关火端上桌利用余热继续焖煮。享用时，锅里的意大利面浓香扑鼻，丝毫没有变凉，还保持了弹性十足的口感不容易胀开变软。</p>
			</div>
			<div class="Various-POTS">
				<div class="ju"></div>
				<p class="Various-title">[保冷]</p>
				<img class="Various-image" src="item.image" alt="" />
				<p class="Various-text">
					土锅和珐琅锅的保温性好，放入冰箱后能充分冷却，具有一定保冷效果，加盖还能为食材保湿。蔬菜烫熟后做成的沙拉可放入土锅冷藏。加入蒸鸡肉与蔬菜的意大利面沙拉则可以放入珐琅锅中冷藏保存，非常方便。</p>
			</div>
			<div class="Various-POTS">
				<img class="image" src="../../static/image/3/laotou4.png" alt="" />
			</div>
		</div>
	</div>
</template>

<script>
	import {
		quesdets
	} from '../../api/index.js'
	export default {
		data() {
			return {
				image: '',
				list: []
			}
		},
		onLoad(options) {
			quesdets().then(res => {
				this.list = res.data.filter(item => item.static == options.id)
			})
		},

	}
</script>

<style scoped>
	.img {
		width: 100vw;
		height: 500rpx;
	}

	.content-box {
		width: 100vw;
		margin-top: -100rpx;
		position: relative;
		background-color: white;
		z-index: 999;
		border-top: 1px solid #ffffff;
		border-radius: 30rpx 30rpx 0 0;
	}

	.heng {
		width: 200rpx;
		border-radius: 10rpx;
		border: 2px solid #000;
		margin: 20rpx auto;
	}

	.title {
		font-size: 40rpx;
		font-weight: bold;
	}

	.text {
		font-size: 20rpx;
	}

	.content {
		width: 760rpx;
		text-align: center;
		overflow: hidden;
	}

	.title-img {
		width: 80%;
		margin-top: 40rpx;
	}

	.Various-POTS {
		width: 670rpx;
		padding: 40rpx;
		box-sizing: border-box;
		margin: 40rpx auto;
		text-align: center;
		position: relative;
		border-radius: 50rpx;
		background-color: rgb(255, 255, 255);
		box-shadow: 3.371rpx 8.345rpx 26.68rpx 2.32rpx rgba(55, 54, 54, 0.16);
	}

	.Various-title {
		font-size: 40rpx;
		position: relative;
		z-index: 2;
	}

	.ju {
		width: 170rpx;
		height: 27rpx;
		background-color: rgb(253, 206, 64);
		position: absolute;
		left: 250rpx;
		top: 70rpx;
	}

	.Various-text {
		text-align: left;
		font-size: 30rpx;
		margin-top: 20rpx;
	}

	.Various-image {
		width: 120rpx;
		margin-top: 0rpx;
		float: right;
	}

	.image {
		width: 600rpx;
		height: 400rpx;
	}
</style>